<template>
  <!-- 日志管理 -->
  <el-container>
    <el-header>
      <div class="left-panel"></div>
      <div class="right-panel">
        <div class="right-panel-search">
          <el-input
            v-model="search.username"
            placeholder="用户名称"
            clearable
          ></el-input>
          <el-button
            type="primary"
            icon="el-icon-search"
            @click="upsearch"
          ></el-button>
        </div>
      </div>
    </el-header>
    <el-main class="nopadding">
      <scTable ref="table" :apiObj="apiObj" row-key="id" stripe>
        <el-table-column label="ID" prop="id" width="50"></el-table-column>
        <el-table-column
          label="操作名称"
          prop="name"
          width="200"
        ></el-table-column>
        <el-table-column
          label="模块名称"
          prop="modelName"
          width="200"
        ></el-table-column>
        <el-table-column
          label="方法名"
          prop="actionCode"
          min-width="150"
        ></el-table-column>
        <el-table-column
          label="操作参数"
          prop="arg"
          min-width="200"
        ></el-table-column>
        <el-table-column
          label="类名"
          prop="modelCode"
          min-width="150"
        ></el-table-column>
        <el-table-column
          label="操作人"
          prop="username"
          width="150"
        ></el-table-column>
        <el-table-column
          label="操作ip地址"
          prop="ipAddress"
          width="200"
        ></el-table-column>
        <el-table-column
          label="操作时间"
          prop="operationTime"
          width="250"
        ></el-table-column>
      </scTable>
    </el-main>
  </el-container>
</template>

<script>


export default {
  name: 'logList',
  data () {
    return {
      apiObj: this.$API.user.getLogList,
      search: {
        username: null
      }
    }
  },
  methods: {
    //搜索
    upsearch () {
      this.$refs.table.upData(this.search)
    },
  }
}
</script>

<style>
</style>
